page {
  --nutui-toast-inner-padding: 3vh 2vw;
  --nutui-toast-title-font-size: 4.2vw;
}

// 使用变量存储重复值

.radio {
  margin-right: 20px;
}
.popover {
  font-size: 4vw;
  padding: 2vh 2vw;
  background-color: rgba(0, 0, 0, 0.75);
  background-clip: padding-box;
  border-radius: 2.13333vw;
  box-shadow: 0 0 8vw 0 rgba(51, 51, 51, 0.2);
  width: max-content;
  min-width: 8.53333vw;
  max-width: calc(100vw - 6.4vw);
  overflow-y: hidden;
}
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  .box {
    position: relative;
    bottom: 8vh;
    display: flex;
    justify-content: center;
    align-items: center;
    .headImg {
      background-image: url("../../assets/donjin.jpg");
      width: 20vw;
      height: 20vw;
      border-radius: 50%;
      background-size: cover; /* 图片完全覆盖div区域 */
      background-position: center; /* 图片居中显示 */
    }
    .loading {
      position: absolute;
    }
  }
}
// 大盒子
.big_box {
  position: relative;
  // 头部
  .home_title {
    text-align: center;
    font-size: 5.5vw;
    color: #000;
    margin-bottom: 4.5vh;
    // 背景
    .bg {
      .blue_bg {
        width: 100vw;
        height: calc(100vh - 30px);
        position: absolute;
        top: 0;
        left: 0vw;
        background-image: url("../../assets/tree.jpg");
        background-repeat: no-repeat;
        background-size: cover; /* 确保图片覆盖整个容器 */
        background-position: center; /* 图片居中显示 */ 
        z-index: -1;
      }
    }

    // 头像

    .user {
      padding-top: 9vh;
      padding-left: 3.73333vw;
      display: flex;
      .img {
        .headImg {
          background-image: url("../../assets/donjin.jpg");

          width: 3vw;
          height: 3vw;
          border-radius: 50%;
          background-size: cover; /* 图片完全覆盖div区域 */
          background-position: center; /* 图片居中显示 */
        }
      }
      .flex-column {
        .margin_bottom {
          margin-bottom: 1vh;
        }
        margin-left: 5.33333vw;
        text-align: left;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
      }
    }
  }
  // 中间卡片
  .card_box {
    position: absolute;
    top: 50vh;
    // width: 100vw;
    display: flex;
    justify-content: center;
    width: 100vw;
    .card {
      display: flex;
      justify-content: center;
    }
  }

  .center {
    width: 90vw;
    // 中间
    .cardInfo {
      height: 7vh;
      display: flex;
      width: 100%;
      justify-content: space-around;
      align-items: center;
      padding-left: 2vw;
      padding-right: 2vw;
      .car_item {
        display: flex;
        flex-direction: column;
        align-items: center;
        .txt {
          margin-bottom: 0.53333vh;
          font-size: 4.8vw;
        }
        .test {
          color: #777;
        }
      }
      .margin-right {
        border-right: 1px solid #ccc;
        padding: 1.06667vw 0;
        box-sizing: border-box;
        height: 6vh;
      }
    }
  }
}
.adm-card {
  width: 84vw;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
}

// 列表
.List_box {
  // margin-top: 5vh;
  position: absolute;
  top: 39vh;
  width: 100vw;
}
